<template>
	<view>
		<uni-titles :title="'巡田地'"></uni-titles>
		<view class="xuntd-content">
			<uni-tdmess :title="'土地信息'" :list='tdmsglist'></uni-tdmess>
			<uni-menu :list="menulist" @mchange="mchange"></uni-menu>
			<uni-operations v-if="menuact==0" :list="buttonlist"></uni-operations>
			<view v-if="menuact==1">
				<uni-fertilizer :list='fertilizerlist'></uni-fertilizer>
     				<uni-inputs :title="'肥料类型'" :placeholder="'选择类型'" icon readonly></uni-inputs>
				<uni-inputs :title="'肥料品牌'" :placeholder="'选择肥料品牌'" icon readonly></uni-inputs>
				<uni-inputs :title="'用量/库存'" :placeholder="'填写大致使用量'" :rightText="'25365袋'"></uni-inputs>
				<uni-inputs :title="'使用时间'" :placeholder="'预计使用时间'"></uni-inputs>
			</view>
			<uni-imgs @changimgs="changimgs"></uni-imgs>
			<uni-supplement></uni-supplement>
			<uni-lastbtn :text="'保存'" @btnfun="btnfun" ></uni-lastbtn>
		</view>
	</view>
</template>

<script>
export default {
	data() {
		return {
			tdmsglist: [
				{
					name: '地块类型',
					text: '大棚',
					choose:'dklx'
				},
				{
					name: '占地面积',
					text: '125.2亩'
				},
				{
					name: '种植作物',
					text: '西红柿',
					choose:'zzzw',
					type: '幼苗期'
				},
				{
					name: '种植周期',
					text: '125天'
				}
			],
			menulist: [{ name: '农事操作' }, { name: '用药用肥' }],
			menuact:0,
			buttonlist: [
				{ name: '巡园', id: 1, ischeck: true },
				{ name: '灌水', id: 2 },
				{ name: '保花保果', id: 3 },
				{ name: '控销', id: 4 },
				{ name: '催花', id: 5 },
				{ name: '调花', id: 6 },
				{ name: '梳花', id: 7 },
				{ name: '疏果', id: 8 },
				{ name: '套袋', id: 9, ischeck: true },
				{ name: '埋药', id: 10 },
				{ name: '修枝', id: 11 },
				{ name: '撑果', id: 12 },
				{ name: '环割环扎', id: 13 },
				{ name: '树干涂白', id: 14 },
				{ name: '嫁接', id: 15 },
				{ name: '清园', id: 16 },
				{ name: '环割环扎', id: 17 },
				{ name: '采收', id: 18 },
				{ name: '其他', id: 19 }
			],
			fertilizerlist:[
				{name:'肥料',img:''},
				{name:'种子',img:''},
				{name:'农药',img:''},
			]
		};
	},
	methods: {
		btnfun(d){
			console.log(d);
			uni.showToast({
				title:d,
				icon:'none'
			})
		},
		mchange(index){
			this.menuact = index
		},
		changimgs(e){
			console.log(e)
		}
	}
};
</script>

<style lang="scss">
page {
	background: #f6f6f6;
}
.xuntd-content {
	padding: 24rpx 0 0 0;
	.tdmsg {
		padding: 24rpx 22rpx;
		.title {
			color: #3e3e3e;
		}
		.item {
			display: flex;
			margin-top: 20rpx;
			color: #3e3e3e;
			align-items: center;
			.name {
				margin-right: 20rpx;
			}
			.type {
				margin-left: 14rpx;
			}
		}
		.itemdklx .text {
			background: #dbffec;
			border: 1px solid #07c160;
			border-radius: 6rpx;
			color: #12d05c;
			height: 44rpx;
			line-height: 44rpx;
			padding: 0 24rpx;
		}
		.itemzzzw .type {
			background: #eaf9ff;
			border: 1px solid #10b9ff;
			border-radius: 6rpx;
			color: #13b3ee;
			height: 32rpx;
			line-height: 32rpx;
			padding: 0 12rpx;
		}
	}

	
}
.bgstyle {
	background: #fff;
	border-radius: 8rpx;
	margin-bottom: 30rpx;
}
</style>
